﻿<%@ Page Title="" Language="C#" MasterPageFile="~/DefaultHT.Master" AutoEventWireup="true"
    CodeBehind="BookingStatus.aspx.cs" Inherits="Hotel.Operations.BookingStatus"
    Theme="Theme1" %>

<asp:Content ID="contentHead" runat="server" ContentPlaceHolderID="head">
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <link rel="stylesheet" href="../Styles/Main.css" type="text/css" />
    <link rel="stylesheet" href="../Scripts/css/jquery.ui.all.css" type="text/css">
    <link rel="stylesheet" href="../Scripts/css/jquery.ui.theme.css" type="text/css">
    <script src="../Scripts/jquery-1.8.2.js"></script>
    <script src="../Scripts/jquery-1.4.1.min.js"></script>
    <script src="../Scripts/jquery.ui.core.js"></script>
    <script src="../Scripts/jquery.ui.widget.js"></script>
    <script src="../Scripts/jquery.ui.datepicker.js"></script>
    <link rel="stylesheet" href="../Scripts/css/demos.css" type="text/css">
        
     <script>
         $(function () {
             //$("#txtStartDate").datepicker();
             //   $(".datepicker").datepicker();
             //$("input[id$='txtStartDate']").datepicker();
             //$("input[id$='txtEndate']").datepicker();
             $("input[id$='txtStartDate']").datepicker({
                 // defaultDate: "+1w",
                 changeYear: true,
                 changeMonth: true,
                 // numberOfMonths: 3,
                 onSelect: function (selectedDate) {
                     $("input[id$='txtEndate']").datepicker("option", "minDate", selectedDate);
                 }
             });
             $("input[id$='txtEndate']").datepicker({
                 // defaultDate: "+1w",
                 changeMonth: true,
                 changeYear: true,
                 //numberOfMonths: 3,
                 onSelect: function (selectedDate) {
                     $("input[id$='txtStartDate']").datepicker("option", "maxDate", selectedDate);
                 }
             });

         });






     </script> 
    <div style="height: 30px; padding: 10px 10px 10px 10px;">
		<h2>Booking Status</h2>
	</div>
    <div style="text-align: center">
		<div style="text-align: left; padding-left: 10px;padding-top:5px;">
			<table>
				<tr>
					<%--<td >
						 &nbsp;
					</td>
					<td>
						<asp:DropDownList ID="ddlHotel" runat="server" Width="100px" CssClass="dropdown" Visible="false">
						</asp:DropDownList>
					</td>--%>
					<td>
						Room Type
					</td>
					<td valign="middle">
						<asp:DropDownList ID="ddlRoomType" runat="server" Width="100px" CssClass="dropdown">
							<asp:ListItem>1</asp:ListItem>
						</asp:DropDownList>
					</td>
					<td>
						StartDate
					</td>
					<td> 
                          <div class="demo">   
						<asp:TextBox ID="txtStartDate" runat="server" Width="100" CssClass="textbox"></asp:TextBox>
                             </div>
					</td>
					<td>
                       
						EndDate
                           
					</td>
					<td>
                             <div class="demo"> 
						<asp:TextBox ID="txtEndate" runat="server" Width="100" CssClass="textbox"></asp:TextBox> </div>
                               
					</td>
					<td>
						<asp:Button ID="btnSearch" runat="server" Text="Search" CssClass="button" OnClick="btnSearch_Click" />
					</td>
				</tr>
			</table>
		</div>
		<div style="padding-left:10px;">
			<br />
			<asp:GridView ID="GridStatus" runat="server" CellPadding="4" ForeColor="#333333"
				GridLines="Vertical" AutoGenerateColumns="false" OnRowDataBound="GridStatus_RowDataBound"
				CssClass="grid" AlternatingRowStyle-CssClass="gridAltRow" RowStyle-CssClass="gridRow"
				ShowFooter="false" EditRowStyle-CssClass="gridEditRow" FooterStyle-CssClass="gridFooterRow" AllowSorting="true"
				>
				<Columns>
										<asp:BoundField HeaderText="Room Type" DataField="RoomType" ItemStyle-HorizontalAlign="Left" />
                    <asp:BoundField HeaderText="Date" DataField="RoomDate" DataFormatString="{0:d}"/>
					<asp:BoundField HeaderText="Total Rooms" DataField="TotalRoomCount" />
                    <asp:TemplateField HeaderText="Rooms Booked">
                        <ItemTemplate>
                                                       <asp:HyperLink ID="hypBooked" runat="server" Text='<%#Eval("BookedRoomCount") %>' NavigateUrl="javascript:void(0)" ></asp:HyperLink>
                        </ItemTemplate>
                       
                    </asp:TemplateField>
                    <asp:TemplateField HeaderText="Rooms Available">
                        <ItemTemplate>
                           
                             <asp:HyperLink ID="hypAvailable" runat="server" Text='<%#Eval("AvailableRoomcount") %>' NavigateUrl="javascript:void(0)" ></asp:HyperLink>
                        </ItemTemplate>
                       
                    </asp:TemplateField>
                 
				
					<asp:BoundField HeaderText="AC Room Charge" DataField="ChargeAC" DataFormatString="{0:n2}" ItemStyle-HorizontalAlign="Right"/>
					<asp:BoundField HeaderText="Non Ac Room Charge" DataField="ChargeNonAC" DataFormatString="{0:n2}" ItemStyle-HorizontalAlign="Right"/>
			 
					<asp:BoundField HeaderText="Extra BedCharge AC" DataField="ExtraBedChargeAC" DataFormatString="{0:n2}" ItemStyle-HorizontalAlign="Right"/>
					<asp:BoundField HeaderText="Extra BedCharge NonAC" DataField="ExtraBedChargeNonAC" DataFormatString="{0:n2}" ItemStyle-HorizontalAlign="Right"/>
				    <asp:BoundField HeaderText="Occupancy" DataField="Occupancy" />
				</Columns>
				<EmptyDataTemplate>
					<div style="width: 500px">
						No data found.</div>
				</EmptyDataTemplate>
			</asp:GridView>
		</div>
	</div>
</asp:Content>
